<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>订餐大师</title>
  <link href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css" rel="stylesheet">
  <link rel="stylesheet" href="./css/index.css">
  <!-- inject:css -->
  <!-- endinject -->
</head>

<body>
  <div class="page-order">
    <%- include('./../components/header/index', {title: '订餐', link: {title: 'Back', href: './index.html'}}) %>
    <form id="orderForm" class="order-form" onsubmit="submitOrder">
      <div class="order-form__item">
        <label for="">人员：</label>
        <div class="order-form__ipt">
          <input type="text" name="people" value="{{= it.people}}" readonly>
          <a class="order-form__button" href="./list.html?type=people">选人</a>
      </div>
      </div>
      <div class="order-form__item">
        <label for="">餐厅：</label>
        <div class="order-form__ipt">
          <input type="text" name="shop" value="{{= it.shop.shop_name}}" readonly>
          <a class="order-form__button" href="./list.html?type=restaurant">选餐厅</a>
        </div>
      </div>
      <div class="order-form__item">
        <label for="">套餐：</label>
        <div class="order-form__ipt">
          <input type="text" name="meal" value="{{= it.menu.meal}}" readonly>
          <input id="menu" type="button" disabled="disabled" class="order-form__button" onclick="toSelectMeal('{{= it.shop.id}}')"
          value="选套餐" />
        </div>
      </div>
      <input type="hidden" name="price" value="{{= it.menu.price}}" />
      <input id="confirm" disabled="disabled" type="submit" value="确认">
    </form>
  </div>

  <script src="./script/index.js"></script>
</body>

</html>